<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>test</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
</head>
<body>
<table>
    <tr><td>
        性别：
        男 <input type="radio" name="sex" value="male">
        女 <input type="radio" name="sex" value="female">
    </td></tr>
    <tr><td>我喜欢的水果</td></tr>
    <tr><td><input type="checkbox" name="fruit" value="apple">苹果</td></tr>
    <tr><td><input type="checkbox" name="fruit" value="lizi">梨子</td></tr>
    <tr><td><input type="checkbox" name="fruit" value="taozi">桃子</td></tr>
</table>
<select>
    <option selected>--请选择--</option>
    <optgroup label="水果">
        <option>苹果</option>
        <option>雪梨</option>
        <option>榴莲</option>
    </optgroup>
    <optgroup label="蔬菜">
        <option>白菜</option>
        <option>茄子</option>
        <option>豆叶</option>
    </optgroup>
</select>
</body>
</html>